<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="themes/zch/commons/header::head('名牌认定')"></head>

<body class="no-trans fixed-header-on">

<div th:replace="themes/zch/commons/public::top"></div>
<header th:replace="themes/zch/commons/public::header"></header>
<div th:replace="themes/zch/commons/public::carousel(${carousels})"></div>

<!-- section start -->
<section class="section transprant-bg pclear secPadding">
    <div class="container">
        <div class="row">
            <div class="col-md-offset-2 col-md-8 search-nav">
                <span id="company" class="bubble">企业名称</span>
                <span id="year">年份</span>
                <span id="name">产品名称</span>
                <span id="trademark">注册商标</span>
                <span id="address">所在地</span>
            </div>
            <div class="col-sm-2">
            </div>
        </div>

        <div class="row">
            <div class="col-sm-offset-2 col-sm-8">
                <input id="keyword" class="form-control" type="text" placeholder="请输入关键字..."/>
            </div>
            <div class="col-sm-2">
                <a class="search-btn">
                    <i class="fa fa-search" aria-hidden="true"></i>
                    查询
                </a>
            </div>
        </div>
        <div class="space"></div>
        <div class="row">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                    <td>年份</td>
                    <td>产品名称</td>
                    <td>注册商标</td>
                    <td>企业名称</td>
                    <td>所在地</td>
                    <td>有效期</td>
                    </thead>

                    <tbody id="enterprises">

                    </tbody>
                </table>
            </div>

            <div class="col-md-12">
                <nav class="pagination-outer" aria-label="Page navigation">
                    <ul class="pagination">
                    </ul>
                </nav>
            </div>

        </div>
    </div>
</section>
<!-- section end -->


<!-- section start -->
<section class="section1">
    <div class="container">
        <h1 id="services" class="title text-center">名牌认定有什么好处</h1>
        <div class="space"></div>
        <div class="row">
            <div class="col-md-4">
                <div class="block-title">
                    <h3>发证单位的权威性</h3>
                </div>
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-trophy"></i>
                    </div>
                    <div class="media-body">
                        <blockquote>
                            <p>由省质监局、发改委、经信委、科技厅、卫计委、商务厅、工商局、知识产权局等省部委联合发证，是省委省政府的一个重要工程</p>
                        </blockquote>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="block-title">
                    <h3>提升企业形象和品牌知名度</h3>
                </div>
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-thumbs-o-up"></i>
                    </div>
                    <div class="media-body">
                        <blockquote>
                            <p>增加企业无形资产值，有利于宣传推广</p>
                        </blockquote>
                    </div>
                </div>
            </div>
            <div class="col-md-4">

                <div class="block-title">
                    <h3>带来巨大的商机，提高竞争力</h3>
                </div>
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-shield"></i>
                    </div>
                    <div class="media-body">
                        <blockquote>
                            <p> 名牌效应会给企业在未来的商业谈判、项目采购、工程招标中加分，有利于提高市场竞争力和占有率，促进企业做大做强</p>
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="block-title">
                    <h3>获得物质性奖励</h3>
                </div>
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-usd"></i>
                    </div>
                    <div class="media-body">
                        <blockquote>
                            <p>各地各级政府根据本区域实际情况，对上级本门认定的省名牌产品的生产企业有不同的奖励；</p>
                        </blockquote>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="block-title">
                    <h3>享有政府便利</h3>
                </div>
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-magic"></i>
                    </div>
                    <div class="media-body">
                        <blockquote>
                            <p> 工业类名牌产品对符合出口免检有关规定的，依法优先予以免检；名牌产品在有效期内，列入打击假冒，保护名优活动的名优产品范围，成为政府重点推广、宣传和保护对象</p>
                        </blockquote>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="block-title">
                    <h3>带动企业自主创新能力的提升</h3>
                </div>
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-money"></i>
                    </div>
                    <div class="media-body">
                        <blockquote>
                           <p>省政府相关职能部门出台政策指导和培训名牌产品，带动了企业技术创新和核心技术，关键技术的发展</p>
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- section end -->

<!-- 合作伙伴 start -->
<section class="section secPadding" th:fragment="partner(partners)">
    <div class="container">
        <h1 class="text-center title" id="partner">合作伙伴</h1>
        <div class="separator"></div>
        <p class="lead text-center">我们公司的合作伙伴，遍布全中国，覆盖各种类型的企业.</p>
        <br/>
        <div th:replace="themes/zch/commons/public::partner(${partners})">
        </div>
    </div>
</section>
<!-- 合作伙伴 end -->

<footer th:replace="themes/zch/commons/footer::footer"></footer>

<script type="text/javascript">
    $(function () {
        //load(1, 10);
        $(".search-nav span").click(function () {
            $(this).siblings().removeClass("bubble");
            $(this).addClass("bubble");
            load(1, 10);
        })

        $(".search-btn").click(function () {
            load(1, 10);
        });

        $(document).keyup(function (e) {
            if (e.keyCode == 13) {
                load(1, 10);
            }
        });
    });

    function load(pageNum,pageSize) {
        var field = $.trim($(".bubble").attr("id"));
        var keyword = $.trim($("#keyword").val());

        $.ajax({
            url: "/enterprise/list/" + pageNum +"/"+pageSize,
            type: "GET",
            data: {"field": field, "keyword": keyword},
            dataType: "json",
            success: function (data) {
                var html = '';
                var page = '无数据!!!';
                if (data.list && data.list.length > 0) {
                    $.each(data.list, function (index, enterprise) {
                        html += `<tr>
                                <td>${enterprise.year}年</td>
                                <td>${enterprise.name}</td>
                                <td>${enterprise.trademark}</td>
                                <td>${enterprise.company}</td>
                                <td>${enterprise.address}</td>
                                <td>${enterprise.expiryDate}年</td>
                                </tr>`;
                    });

                    page ='';
                    if (data.hasPreviousPage){
                        page += `<li class="page-item">
                                 <a href="javascript:void(0);" onclick="load(${data.prePage}, ${data.pageSize})" class="page-link" aria-label="Previous">
                                <span aria-hidden="true">←</span>
                                </a>
                                </li>`;
                    }

                    for(var j=0; j< data.navigatepageNums.length;j++ ){
                        if(data.navigatepageNums[j] == data.pageNum){
                            page +=  `<li class="page-item active"><a class="page-link" href="javascript:void(0);" onclick="load(${data.navigatepageNums[j]}, ${data.pageSize})">${data.navigatepageNums[j]}</a></li>`;
                        }else{
                            page +=  `<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="load(${data.navigatepageNums[j]}, ${data.pageSize})">${data.navigatepageNums[j]}</a></li>`;
                        }
                    }

                    if (data.hasNextPage){
                        page += `<li class="page-item">
                                 <a href="javascript:void(0);" onclick="load(${data.nextPage}, ${data.pageSize})" class="page-link" aria-label="Previous">
                                <span aria-hidden="true">→</span>
                                </a>
                                </li>`;
                    }

                }

                $("#enterprises").empty().append(html);

                $(".pagination").empty().append(page);
            }
        });

    }

</script>

</body>

</html>